<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <button id="btnNews">获取新闻列表</button>
    <script src="./js/myaxios.js"></script>
    <script>
      const btnNews = document.querySelector('#btnNews')
      btnNews.addEventListener('click', function () {
    //     myAxios({
    //       method: 'gEt',
    //       url: 'http://ajax-api.itheima.net/api/news',
    //     })
    //       .then((res) => console.log(res))
    //       .catch((error) => console.log(error))
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/province',
        // }).then((res) => console.log(res))
        myAxios({
          method: 'Post',
          url: 'http://ajax-api.itheima.net/api/login',
          data: {
            username: 'admin',
            password: '123456',
          },
        }).then((res) => console.log(res))
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/city?pname=浙江省',
        // }).then((res) => console.log(res))
        // myAxios({
        //   method: 'get',
        //   url: 'http://ajax-api.itheima.net/api/area',
        //   params: {
        //     pname: '浙江省',
        //     cname: '杭州市',
        //   },
        // }).then((res) => console.log(res))

        // myAxios({
        //   method: 'post',
        //   url: 'http://ajax-api.itheima.net/api/data',
        //   data: 'username=admin&password=123456',
        // }).then((res) => console.log(res))
      })
    </script>
  </body>
</html>
